import React, { useState, useEffect } from 'react'
import { CardWrap, ContentWrap } from './Style.js'
import { Card } from 'antd'
import Zhexian1 from './components/Zhexian1.js'
import Zhexian2 from './components/Zhexian2.js'
import Zhexian3 from './components/Zhexian3.js'
function BarComponent() {
  return (
    <ContentWrap>
      <CardWrap>
        <Card title="Echarts使用">
          <p>主要是测试在React中使用百度Echarts</p>
        </Card>
      </CardWrap>
      <CardWrap>
        <Card title="Echarts折线图基础">
          <Zhexian1></Zhexian1>
          <Zhexian2></Zhexian2>
          <Zhexian3></Zhexian3>
        </Card>
      </CardWrap>
    </ContentWrap>
  )
}

export default BarComponent
